<extend name="Public/base" />
<block name="main">
    <div class="container">
        <div class="line-big">
            <div class="col-md-12">
                <div class="line-small">
                    <div class="">
                        <volist name="list" id="vo">
                            <div class="clearfix articlebox">
                                <div class="liuyan_a">
                                </div>
                                <div class="said_img">
                                    <img src="__ROOT__{$vo.photo}" class="radius-circle" width="60px" height="60px" />
                                    <div class="liuyan_t">
                                        <span class="icon-user"></span>&nbsp;&nbsp;<a>{$vo.username}</a>&nbsp;&nbsp;</span>
                                        <span class="icon-paper-plane"></span>&nbsp;{$vo.add_time|tranTime}&nbsp;&nbsp;</span>
                                        <span class="tag bg-dot">{$vo.from}</span>&nbsp;&nbsp;<span class="icon-map-marker"></span>&nbsp;{$vo.ip}
                                    </div>
                                    <div class="liuyan_c">
                                        {$vo.content}
                                    </div>

                                </div>

                                <!--回复-->
                                <if condition="$vo.c_content neq ''">
                                    <div class="f_liuyan">
                                        <hr />
                                        <div class="liuyan_a">
                                        </div>
                                        <div class="said_img">
                                            <img src="__ROOT__/Uploads/{$vo['c_photo']}" class="radius-circle" width="60px" height="60px" />
                                            <div class="liuyan_t">
                                                <span class="icon-user"></span>&nbsp;&nbsp;管理员&nbsp;&nbsp;</span>
                                                <span class="icon-paper-plane"></span>&nbsp;&nbsp;{$vo.c_time|tranTime}&nbsp;&nbsp;
                                                <span>回复 @<a>{$vo.username}</a> 中说到：</span>
                                            </div>
                                            <div class="liuyan_c">
                                                {$vo.c_content}
                                            </div>
                                        </div>
                                    </div>
                                </if>
                            </div>
                            <br />
                        </volist>
                        <br />
                        <div class="pagination" style=" text-align: right;">
                            {$page}
                        </div>
                        <br />
                        <hr />

                        <div class="panel border-main">
                            <div class="panel-head">
                                <h3>留  言</h3>
                            </div>
                            <div class="">
                                <div class="panel-body">
                                    <form action="{:U('Home/liuyan/addContent')}" method="post" class="form form-block">
                                        <div class="form-group">
                                            <div class="field">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon1">昵称</span>
                                                    <input type="text" class="form-control"  name="username" data-validate="required:请输入昵称" placeholder="昵称" aria-describedby="basic-addon1">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="field">
                                                <div class="input-group">
                                                    <span class="input-group-addon" id="basic-addon2">邮箱</span>
                                                    <input type="text" class="form-control"  name="email" data-validate="email:请输入正确的邮箱地址" placeholder="邮箱" aria-describedby="basic-addon2">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="field">
                                                <textarea class="form-control" rows="5" name="content" cols="50" data-validate="required:请输入留言内容" placeholder="请输入留言内容"></textarea>
                                            </div>
                                        </div>
                                        <!--<div class="form-group">-->
                                        <!--<div class="field">-->
                                        <!--<div class="input-group">-->
                                        <!--<input type="text" class="input" name="passcode" placeholder="填写右侧的验证码" data-validate="required:请填写右侧的验证码" />-->
                                        <!--<span class="addbtn">-->
                                        <!--<img src="images/passcode.jpg" width="80" height="32" class="passcode" />-->
                                        <!--</span>-->
                                        <!--</div>-->
                                        <!--</div>-->
                                        <!--</div>-->

                                        <div class="form-group">
                                            <div class="field">
                                                <div class="input-group">
                                                    <div class="input-group-addon">验证码</div>
                                                    <input type="text" class="form-control" style="height: 46px;" id="txt_check" name="txt_check" data-validate="required:请输入右侧验证码" placeholder="验证码">
                                                    <div class="input-group-addon"><img style="border: 1px solid #C7C7C7;" class="img passcode" src="{:U('Home/Liuyan/verify')}" onClick="this.src = this.src + '?' + Math.random();" title="看不清楚?点击刷新验证码?"></div>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="form-button">
                                            <button class="btn btn-default" type="submit">
                                                提 交</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <br />
                    </div>
                    <hr />
                </div>
                <br />
                <br />
                <br />
            </div>
        </div>
    </div>

</block>


